<template>

	<view class="content page" :style="'padding-top:' + touHeight + 'px'">
		<!-- 头部背景图 -->
		<view class="pageTopImg" :style="'padding-top:' + touHeight + 'px'"></view>
		<!-- 顶部菜单 -->
		<view class="topHeader" :style="'height:' + touHeight +'px;'">
			<view class="fanhuiUp" @tap="toFanhuiUp"></view>
			<view class="pageTitle">酒店认证</view>
		</view>
		<!-- 左侧内容区 -->
		<scroll-view class="person-list" enable-back-to-top :style="'height:'+ oHeight +'px'"  :scroll-into-view="toView" scroll-y="true" scroll-with-animation="true">
			<view class="page_top">
				<view class="top_list">
					<view class="name">定位城市</view>
					<view class="city_text" @clik="dingCity" :data-name="city">
						<image src="https://jianzhi.huanyuweizhi.com/JD_wx_img/city_img.png" mode="aspectFill" />{{city}}
					</view>
				</view>
				<view class="top_list">
					<view class="name">热门城市</view>
					<view class="text">
						<view @click="reCity" data-name="合肥市">合肥市</view>
						<view @click="reCity" data-name="北京市">北京市</view>
						<view @click="reCity" data-name="上海市">上海市</view>
					</view>
				</view>
			</view>
			<view class="person" v-for="item in personList" :key="index" :id="'inToView' + item.id">
				<view class="person-sign">{{item.sign}}</view>
				<view class="person-content">
					<view class="person-cont border" @click="choose" :data-id="it.zip" :data-item="it" v-for="it in item.name" :key="id">
						<text class="person-name">{{it.name}}</text>
					</view>
				</view>
			</view>
		</scroll-view>
		<!-- 左侧字母栏 -->
		<scroll-view class="letter-list" :style="'top:' + touHeight + 'px'">
			<view class="letter">热门</view>
			<view class="letter" v-for="item in personList" :key="index" @click="chooseLetter" :data-item="item">{{item.sign}}</view>
		</scroll-view>
	</view>
</template>

<script>
	const app = getApp()
	import QQMapWX from "@/utils/qqmap-wx-jssdk.min.js"
	import pinyin from "@/utils/pinyin.js"
	var qqmapsdk = {}
	export default {
		components: {},
		data() {
			return {
				list:[
						{"id":"2","shortname":"北京","name":"北京市","pinyin":"beijing","first":"B"},{"id":"20","shortname":"天津","name":"天津市","pinyin":"tianjin","first":"T"},{"id":"38","shortname":"石家庄","name":"石家庄市","pinyin":"shijiazhuang","first":"S"},{"id":"61","shortname":"唐山","name":"唐山市","pinyin":"tangshan","first":"T"},{"id":"76","shortname":"秦皇岛","name":"秦皇岛市","pinyin":"qinhuangdao","first":"Q"},{"id":"84","shortname":"邯郸","name":"邯郸市","pinyin":"handan","first":"H"},{"id":"104","shortname":"邢台","name":"邢台市","pinyin":"xingtai","first":"X"},{"id":"124","shortname":"保定","name":"保定市","pinyin":"baoding","first":"B"},{"id":"150","shortname":"张家口","name":"张家口市","pinyin":"zhangjiakou","first":"Z"},{"id":"168","shortname":"承德","name":"承德市","pinyin":"chengde","first":"C"},{"id":"180","shortname":"沧州","name":"沧州市","pinyin":"cangzhou","first":"C"},{"id":"197","shortname":"廊坊","name":"廊坊市","pinyin":"langfang","first":"L"},{"id":"208","shortname":"衡水","name":"衡水市","pinyin":"hengshui","first":"H"},{"id":"221","shortname":"太原","name":"太原市","pinyin":"taiyuan","first":"T"},{"id":"232","shortname":"大同","name":"大同市","pinyin":"datong","first":"D"},{"id":"244","shortname":"阳泉","name":"阳泉市","pinyin":"yangquan","first":"Y"},{"id":"250","shortname":"长治","name":"长治市","pinyin":"changzhi","first":"C"},{"id":"264","shortname":"晋城","name":"晋城市","pinyin":"jincheng","first":"J"},{"id":"271","shortname":"朔州","name":"朔州市","pinyin":"shuozhou","first":"S"},{"id":"278","shortname":"晋中","name":"晋中市","pinyin":"jinzhong","first":"J"},{"id":"290","shortname":"运城","name":"运城市","pinyin":"yuncheng","first":"Y"},{"id":"304","shortname":"忻州","name":"忻州市","pinyin":"xinzhou","first":"X"},{"id":"319","shortname":"临汾","name":"临汾市","pinyin":"linfen","first":"L"},{"id":"337","shortname":"吕梁","name":"吕梁市","pinyin":"lvliang","first":"L"},{"id":"352","shortname":"呼和浩特","name":"呼和浩特市","pinyin":"hohhot","first":"H"},{"id":"362","shortname":"包头","name":"包头市","pinyin":"baotou","first":"B"},{"id":"372","shortname":"乌海","name":"乌海市","pinyin":"wuhai","first":"W"},{"id":"376","shortname":"赤峰","name":"赤峰市","pinyin":"chifeng","first":"C"},{"id":"389","shortname":"通辽","name":"通辽市","pinyin":"tongliao","first":"T"},{"id":"398","shortname":"鄂尔多斯","name":"鄂尔多斯市","pinyin":"ordos","first":"E"},{"id":"407","shortname":"呼伦贝尔","name":"呼伦贝尔市","pinyin":"hulunber","first":"H"},{"id":"422","shortname":"巴彦淖尔","name":"巴彦淖尔市","pinyin":"bayannur","first":"B"},{"id":"430","shortname":"乌兰察布","name":"乌兰察布市","pinyin":"ulanqab","first":"W"},{"id":"442","shortname":"兴安盟","name":"兴安盟","pinyin":"hinggan","first":"X"},{"id":"449","shortname":"锡林郭勒盟","name":"锡林郭勒盟","pinyin":"xilingol","first":"X"},{"id":"462","shortname":"阿拉善盟","name":"阿拉善盟","pinyin":"alxa","first":"A"},{"id":"467","shortname":"沈阳","name":"沈阳市","pinyin":"shenyang","first":"S"},{"id":"481","shortname":"大连","name":"大连市","pinyin":"dalian","first":"D"},{"id":"492","shortname":"鞍山","name":"鞍山市","pinyin":"anshan","first":"A"},{"id":"500","shortname":"抚顺","name":"抚顺市","pinyin":"fushun","first":"F"},{"id":"508","shortname":"本溪","name":"本溪市","pinyin":"benxi","first":"B"},{"id":"515","shortname":"丹东","name":"丹东市","pinyin":"dandong","first":"D"},{"id":"522","shortname":"锦州","name":"锦州市","pinyin":"jinzhou","first":"J"},{"id":"530","shortname":"营口","name":"营口市","pinyin":"yingkou","first":"Y"},{"id":"537","shortname":"阜新","name":"阜新市","pinyin":"fuxin","first":"F"},{"id":"545","shortname":"辽阳","name":"辽阳市","pinyin":"liaoyang","first":"L"},{"id":"553","shortname":"盘锦","name":"盘锦市","pinyin":"panjin","first":"P"},{"id":"558","shortname":"铁岭","name":"铁岭市","pinyin":"tieling","first":"T"},{"id":"566","shortname":"朝阳","name":"朝阳市","pinyin":"chaoyang","first":"C"},{"id":"574","shortname":"葫芦岛","name":"葫芦岛市","pinyin":"huludao","first":"H"},{"id":"581","shortname":"金普新区","name":"金普新区","pinyin":"jinpuxinqu","first":"J"},{"id":"586","shortname":"长春","name":"长春市","pinyin":"changchun","first":"C"},{"id":"597","shortname":"吉林","name":"吉林市","pinyin":"jilin","first":"J"},{"id":"607","shortname":"四平","name":"四平市","pinyin":"siping","first":"S"},{"id":"614","shortname":"辽源","name":"辽源市","pinyin":"liaoyuan","first":"L"},{"id":"619","shortname":"通化","name":"通化市","pinyin":"tonghua","first":"T"},{"id":"627","shortname":"白山","name":"白山市","pinyin":"baishan","first":"B"},{"id":"634","shortname":"松原","name":"松原市","pinyin":"songyuan","first":"S"},{"id":"640","shortname":"白城","name":"白城市","pinyin":"baicheng","first":"B"},{"id":"646","shortname":"延边","name":"延边朝鲜族自治州","pinyin":"yanbian","first":"Y"},{"id":"656","shortname":"哈尔滨","name":"哈尔滨市","pinyin":"harbin","first":"H"},{"id":"675","shortname":"齐齐哈尔","name":"齐齐哈尔市","pinyin":"qiqihar","first":"Q"},{"id":"692","shortname":"鸡西","name":"鸡西市","pinyin":"jixi","first":"J"},{"id":"702","shortname":"鹤岗","name":"鹤岗市","pinyin":"hegang","first":"H"},{"id":"711","shortname":"双鸭山","name":"双鸭山市","pinyin":"shuangyashan","first":"S"},{"id":"720","shortname":"大庆","name":"大庆市","pinyin":"daqing","first":"D"},{"id":"730","shortname":"伊春","name":"伊春市","pinyin":"yichun","first":"Y"},{"id":"748","shortname":"佳木斯","name":"佳木斯市","pinyin":"jiamusi","first":"J"},{"id":"759","shortname":"七台河","name":"七台河市","pinyin":"qitaihe","first":"Q"},{"id":"764","shortname":"牡丹江","name":"牡丹江市","pinyin":"mudanjiang","first":"M"},{"id":"775","shortname":"黑河","name":"黑河市","pinyin":"heihe","first":"H"},{"id":"782","shortname":"绥化","name":"绥化市","pinyin":"suihua","first":"S"},{"id":"793","shortname":"大兴安岭","name":"大兴安岭地区","pinyin":"daxinganling","first":"D"},{"id":"802","shortname":"上海","name":"上海市","pinyin":"shanghai","first":"S"},{"id":"821","shortname":"南京","name":"南京市","pinyin":"nanjing","first":"N"},{"id":"833","shortname":"无锡","name":"无锡市","pinyin":"wuxi","first":"W"},{"id":"842","shortname":"徐州","name":"徐州市","pinyin":"xuzhou","first":"X"},{"id":"853","shortname":"常州","name":"常州市","pinyin":"changzhou","first":"C"},{"id":"861","shortname":"苏州","name":"苏州市","pinyin":"suzhou","first":"S"},{"id":"871","shortname":"南通","name":"南通市","pinyin":"nantong","first":"N"},{"id":"880","shortname":"连云港","name":"连云港市","pinyin":"lianyungang","first":"L"},{"id":"887","shortname":"淮安","name":"淮安市","pinyin":"huai'an","first":"H"},{"id":"896","shortname":"盐城","name":"盐城市","pinyin":"yancheng","first":"Y"},{"id":"906","shortname":"扬州","name":"扬州市","pinyin":"yangzhou","first":"Y"},{"id":"913","shortname":"镇江","name":"镇江市","pinyin":"zhenjiang","first":"Z"},{"id":"920","shortname":"泰州","name":"泰州市","pinyin":"taizhou","first":"T"},{"id":"927","shortname":"宿迁","name":"宿迁市","pinyin":"suqian","first":"S"},{"id":"934","shortname":"杭州","name":"杭州市","pinyin":"hangzhou","first":"H"},{"id":"948","shortname":"宁波","name":"宁波市","pinyin":"ningbo","first":"N"},{"id":"960","shortname":"温州","name":"温州市","pinyin":"wenzhou","first":"W"},{"id":"972","shortname":"嘉兴","name":"嘉兴市","pinyin":"jiaxing","first":"J"},{"id":"980","shortname":"湖州","name":"湖州市","pinyin":"huzhou","first":"H"},{"id":"986","shortname":"绍兴","name":"绍兴市","pinyin":"shaoxing","first":"S"},{"id":"993","shortname":"金华","name":"金华市","pinyin":"jinhua","first":"J"},{"id":"1003","shortname":"衢州","name":"衢州市","pinyin":"quzhou","first":""},{"id":"1010","shortname":"舟山","name":"舟山市","pinyin":"zhoushan","first":"Z"},{"id":"1015","shortname":"台州","name":"台州市","pinyin":"taizhou","first":"T"},{"id":"1025","shortname":"丽水","name":"丽水市","pinyin":"lishui","first":"L"},{"id":"1035","shortname":"舟山新区","name":"舟山群岛新区","pinyin":"zhoushan","first":"Z"},{"id":"1047","shortname":"合肥","name":"合肥市","pinyin":"hefei","first":"H"},{"id":"1057","shortname":"芜湖","name":"芜湖市","pinyin":"wuhu","first":"W"},{"id":"1066","shortname":"蚌埠","name":"蚌埠市","pinyin":"bengbu","first":"B"},{"id":"1074","shortname":"淮南","name":"淮南市","pinyin":"huainan","first":"H"},{"id":"1081","shortname":"马鞍山","name":"马鞍山市","pinyin":"ma'anshan","first":"M"},{"id":"1088","shortname":"淮北","name":"淮北市","pinyin":"huaibei","first":"H"},{"id":"1093","shortname":"铜陵","name":"铜陵市","pinyin":"tongling","first":"T"},{"id":"1098","shortname":"安庆","name":"安庆市","pinyin":"anqing","first":"A"},{"id":"1110","shortname":"黄山","name":"黄山市","pinyin":"huangshan","first":"H"},{"id":"1118","shortname":"滁州","name":"滁州市","pinyin":"chuzhou","first":"C"},{"id":"1127","shortname":"阜阳","name":"阜阳市","pinyin":"fuyang","first":"F"},{"id":"1136","shortname":"宿州","name":"宿州市","pinyin":"suzhou","first":"S"},{"id":"1142","shortname":"六安","name":"六安市","pinyin":"lu'an","first":"L"},{"id":"1150","shortname":"亳州","name":"亳州市","pinyin":"bozhou","first":""},{"id":"1155","shortname":"池州","name":"池州市","pinyin":"chizhou","first":"C"},{"id":"1160","shortname":"宣城","name":"宣城市","pinyin":"xuancheng","first":"X"},{"id":"1169","shortname":"福州","name":"福州市","pinyin":"fuzhou","first":"F"},{"id":"1183","shortname":"厦门","name":"厦门市","pinyin":"xiamen","first":"X"},{"id":"1190","shortname":"莆田","name":"莆田市","pinyin":"putian","first":"P"},{"id":"1196","shortname":"三明","name":"三明市","pinyin":"sanming","first":"S"},{"id":"1209","shortname":"泉州","name":"泉州市","pinyin":"quanzhou","first":"Q"},{"id":"1222","shortname":"漳州","name":"漳州市","pinyin":"zhangzhou","first":"Z"},{"id":"1234","shortname":"南平","name":"南平市","pinyin":"nanping","first":"N"},{"id":"1245","shortname":"龙岩","name":"龙岩市","pinyin":"longyan","first":"L"},{"id":"1253","shortname":"宁德","name":"宁德市","pinyin":"ningde","first":"N"},{"id":"1264","shortname":"南昌","name":"南昌市","pinyin":"nanchang","first":"N"},{"id":"1274","shortname":"景德镇","name":"景德镇市","pinyin":"jingdezhen","first":"J"},{"id":"1279","shortname":"萍乡","name":"萍乡市","pinyin":"pingxiang","first":"P"},{"id":"1285","shortname":"九江","name":"九江市","pinyin":"jiujiang","first":"J"},{"id":"1299","shortname":"新余","name":"新余市","pinyin":"xinyu","first":"X"},{"id":"1302","shortname":"鹰潭","name":"鹰潭市","pinyin":"yingtan","first":"Y"},{"id":"1306","shortname":"赣州","name":"赣州市","pinyin":"ganzhou","first":"G"},{"id":"1325","shortname":"吉安","name":"吉安市","pinyin":"ji'an","first":"J"},{"id":"1339","shortname":"宜春","name":"宜春市","pinyin":"yichun","first":"Y"},{"id":"1350","shortname":"抚州","name":"抚州市","pinyin":"fuzhou","first":"F"},{"id":"1362","shortname":"上饶","name":"上饶市","pinyin":"shangrao","first":"S"},{"id":"1376","shortname":"济南","name":"济南市","pinyin":"jinan","first":"J"},{"id":"1387","shortname":"青岛","name":"青岛市","pinyin":"qingdao","first":"Q"},{"id":"1399","shortname":"淄博","name":"淄博市","pinyin":"zibo","first":"Z"},{"id":"1408","shortname":"枣庄","name":"枣庄市","pinyin":"zaozhuang","first":"Z"},{"id":"1415","shortname":"东营","name":"东营市","pinyin":"dongying","first":"D"},{"id":"1421","shortname":"烟台","name":"烟台市","pinyin":"yantai","first":"Y"},{"id":"1434","shortname":"潍坊","name":"潍坊市","pinyin":"weifang","first":"W"},{"id":"1447","shortname":"济宁","name":"济宁市","pinyin":"jining","first":"J"},{"id":"1459","shortname":"泰安","name":"泰安市","pinyin":"tai'an","first":"T"},{"id":"1466","shortname":"威海","name":"威海市","pinyin":"weihai","first":"W"},{"id":"1471","shortname":"日照","name":"日照市","pinyin":"rizhao","first":"R"},{"id":"1476","shortname":"莱芜","name":"莱芜市","pinyin":"laiwu","first":"L"},{"id":"1479","shortname":"临沂","name":"临沂市","pinyin":"linyi","first":"L"},{"id":"1492","shortname":"德州","name":"德州市","pinyin":"dezhou","first":"D"},{"id":"1504","shortname":"聊城","name":"聊城市","pinyin":"liaocheng","first":"L"},{"id":"1513","shortname":"滨州","name":"滨州市","pinyin":"binzhou","first":"B"},{"id":"1522","shortname":"菏泽","name":"菏泽市","pinyin":"heze","first":"H"},{"id":"1533","shortname":"郑州","name":"郑州市","pinyin":"zhengzhou","first":"Z"},{"id":"1546","shortname":"开封","name":"开封市","pinyin":"kaifeng","first":"K"},{"id":"1556","shortname":"洛阳","name":"洛阳市","pinyin":"luoyang","first":"L"},{"id":"1572","shortname":"平顶山","name":"平顶山市","pinyin":"pingdingshan","first":"P"},{"id":"1583","shortname":"安阳","name":"安阳市","pinyin":"anyang","first":"A"},{"id":"1593","shortname":"鹤壁","name":"鹤壁市","pinyin":"hebi","first":"H"},{"id":"1599","shortname":"新乡","name":"新乡市","pinyin":"xinxiang","first":"X"},{"id":"1612","shortname":"焦作","name":"焦作市","pinyin":"jiaozuo","first":"J"},{"id":"1623","shortname":"濮阳","name":"濮阳市","pinyin":"puyang","first":""},{"id":"1630","shortname":"许昌","name":"许昌市","pinyin":"xuchang","first":"X"},{"id":"1637","shortname":"漯河","name":"漯河市","pinyin":"luohe","first":""},{"id":"1643","shortname":"三门峡","name":"三门峡市","pinyin":"sanmenxia","first":"S"},{"id":"1650","shortname":"南阳","name":"南阳市","pinyin":"nanyang","first":"N"},{"id":"1664","shortname":"商丘","name":"商丘市","pinyin":"shangqiu","first":"S"},{"id":"1674","shortname":"信阳","name":"信阳市","pinyin":"xinyang","first":"X"},{"id":"1685","shortname":"周口","name":"周口市","pinyin":"zhoukou","first":"Z"},{"id":"1696","shortname":"驻马店","name":"驻马店市","pinyin":"zhumadian","first":"Z"},{"id":"1707","shortname":" ","name":"直辖县级","pinyin":"","first":"Z"},{"id":"1710","shortname":"武汉","name":"武汉市","pinyin":"wuhan","first":"W"},{"id":"1724","shortname":"黄石","name":"黄石市","pinyin":"huangshi","first":"H"},{"id":"1731","shortname":"十堰","name":"十堰市","pinyin":"shiyan","first":"S"},{"id":"1740","shortname":"宜昌","name":"宜昌市","pinyin":"yichang","first":"Y"},{"id":"1754","shortname":"襄阳","name":"襄阳市","pinyin":"xiangyang","first":"X"},{"id":"1764","shortname":"鄂州","name":"鄂州市","pinyin":"ezhou","first":"E"},{"id":"1768","shortname":"荆门","name":"荆门市","pinyin":"jingmen","first":"J"},{"id":"1774","shortname":"孝感","name":"孝感市","pinyin":"xiaogan","first":"X"},{"id":"1782","shortname":"荆州","name":"荆州市","pinyin":"jingzhou","first":"J"},{"id":"1791","shortname":"黄冈","name":"黄冈市","pinyin":"huanggang","first":"H"},{"id":"1802","shortname":"咸宁","name":"咸宁市","pinyin":"xianning","first":"X"},{"id":"1809","shortname":"随州","name":"随州市","pinyin":"suizhou","first":"S"},{"id":"1813","shortname":"恩施","name":"恩施土家族苗族自治州","pinyin":"enshi","first":"E"},{"id":"1822","shortname":" ","name":"直辖县级","pinyin":"","first":"Z"},{"id":"1828","shortname":"长沙","name":"长沙市","pinyin":"changsha","first":"C"},{"id":"1838","shortname":"株洲","name":"株洲市","pinyin":"zhuzhou","first":"Z"},{"id":"1848","shortname":"湘潭","name":"湘潭市","pinyin":"xiangtan","first":"X"},{"id":"1854","shortname":"衡阳","name":"衡阳市","pinyin":"hengyang","first":"H"},{"id":"1867","shortname":"邵阳","name":"邵阳市","pinyin":"shaoyang","first":"S"},{"id":"1880","shortname":"岳阳","name":"岳阳市","pinyin":"yueyang","first":"Y"},{"id":"1890","shortname":"常德","name":"常德市","pinyin":"changde","first":"C"},{"id":"1900","shortname":"张家界","name":"张家界市","pinyin":"zhangjiajie","first":"Z"},{"id":"1905","shortname":"益阳","name":"益阳市","pinyin":"yiyang","first":"Y"},{"id":"1912","shortname":"郴州","name":"郴州市","pinyin":"chenzhou","first":"C"},{"id":"1924","shortname":"永州","name":"永州市","pinyin":"yongzhou","first":"Y"},{"id":"1936","shortname":"怀化","name":"怀化市","pinyin":"huaihua","first":"H"},{"id":"1949","shortname":"娄底","name":"娄底市","pinyin":"loudi","first":"L"},{"id":"1955","shortname":"湘西","name":"湘西土家族苗族自治州","pinyin":"xiangxi","first":"X"},{"id":"1965","shortname":"广州","name":"广州市","pinyin":"guangzhou","first":"G"},{"id":"1977","shortname":"韶关","name":"韶关市","pinyin":"shaoguan","first":"S"},{"id":"1988","shortname":"深圳","name":"深圳市","pinyin":"shenzhen","first":"S"},{"id":"1999","shortname":"珠海","name":"珠海市","pinyin":"zhuhai","first":"Z"},{"id":"2003","shortname":"汕头","name":"汕头市","pinyin":"shantou","first":"S"},{"id":"2011","shortname":"佛山","name":"佛山市","pinyin":"foshan","first":"F"},{"id":"2017","shortname":"江门","name":"江门市","pinyin":"jiangmen","first":"J"},{"id":"2025","shortname":"湛江","name":"湛江市","pinyin":"zhanjiang","first":"Z"},{"id":"2035","shortname":"茂名","name":"茂名市","pinyin":"maoming","first":"M"},{"id":"2041","shortname":"肇庆","name":"肇庆市","pinyin":"zhaoqing","first":"Z"},{"id":"2050","shortname":"惠州","name":"惠州市","pinyin":"huizhou","first":"H"},{"id":"2056","shortname":"梅州","name":"梅州市","pinyin":"meizhou","first":"M"},{"id":"2065","shortname":"汕尾","name":"汕尾市","pinyin":"shanwei","first":"S"},{"id":"2070","shortname":"河源","name":"河源市","pinyin":"heyuan","first":"H"},{"id":"2077","shortname":"阳江","name":"阳江市","pinyin":"yangjiang","first":"Y"},{"id":"2082","shortname":"清远","name":"清远市","pinyin":"qingyuan","first":"Q"},{"id":"2091","shortname":"东莞","name":"东莞市","pinyin":"dongguan","first":"D"},{"id":"2123","shortname":"中山","name":"中山市","pinyin":"zhongshan","first":"Z"},{"id":"2146","shortname":"潮州","name":"潮州市","pinyin":"chaozhou","first":"C"},{"id":"2150","shortname":"揭阳","name":"揭阳市","pinyin":"jieyang","first":"J"},{"id":"2156","shortname":"云浮","name":"云浮市","pinyin":"yunfu","first":"Y"},{"id":"2163","shortname":"南宁","name":"南宁市","pinyin":"nanning","first":"N"},{"id":"2177","shortname":"柳州","name":"柳州市","pinyin":"liuzhou","first":"L"},{"id":"2189","shortname":"桂林","name":"桂林市","pinyin":"guilin","first":"G"},{"id":"2207","shortname":"梧州","name":"梧州市","pinyin":"wuzhou","first":"W"},{"id":"2215","shortname":"北海","name":"北海市","pinyin":"beihai","first":"B"},{"id":"2220","shortname":"防城港","name":"防城港市","pinyin":"fangchenggang","first":"F"},{"id":"2225","shortname":"钦州","name":"钦州市","pinyin":"qinzhou","first":"Q"},{"id":"2230","shortname":"贵港","name":"贵港市","pinyin":"guigang","first":"G"},{"id":"2236","shortname":"玉林","name":"玉林市","pinyin":"yulin","first":"Y"},{"id":"2245","shortname":"百色","name":"百色市","pinyin":"baise","first":"B"},{"id":"2258","shortname":"贺州","name":"贺州市","pinyin":"hezhou","first":"H"},{"id":"2264","shortname":"河池","name":"河池市","pinyin":"hechi","first":"H"},{"id":"2276","shortname":"来宾","name":"来宾市","pinyin":"laibin","first":"L"},{"id":"2283","shortname":"崇左","name":"崇左市","pinyin":"chongzuo","first":"C"},{"id":"2292","shortname":"海口","name":"海口市","pinyin":"haikou","first":"H"},{"id":"2297","shortname":"三亚","name":"三亚市","pinyin":"sanya","first":"S"},{"id":"2302","shortname":"三沙","name":"三沙市","pinyin":"sansha","first":"S"},{"id":"2306","shortname":" ","name":"直辖县级","pinyin":"","first":"Z"},{"id":"2324","shortname":"重庆","name":"重庆市","pinyin":"chongqing","first":"Z"},{"id":"2363","shortname":"两江新区","name":"两江新区","pinyin":"liangjiangxinqu","first":"L"},{"id":"2368","shortname":"成都","name":"成都市","pinyin":"chengdu","first":"C"},{"id":"2388","shortname":"自贡","name":"自贡市","pinyin":"zigong","first":"Z"},{"id":"2395","shortname":"攀枝花","name":"攀枝花市","pinyin":"panzhihua","first":"P"},{"id":"2401","shortname":"泸州","name":"泸州市","pinyin":"luzhou","first":""},{"id":"2409","shortname":"德阳","name":"德阳市","pinyin":"deyang","first":"D"},{"id":"2416","shortname":"绵阳","name":"绵阳市","pinyin":"mianyang","first":"M"},{"id":"2426","shortname":"广元","name":"广元市","pinyin":"guangyuan","first":"G"},{"id":"2434","shortname":"遂宁","name":"遂宁市","pinyin":"suining","first":"S"},{"id":"2440","shortname":"内江","name":"内江市","pinyin":"neijiang","first":"N"},{"id":"2446","shortname":"乐山","name":"乐山市","pinyin":"leshan","first":"L"},{"id":"2458","shortname":"南充","name":"南充市","pinyin":"nanchong","first":"N"},{"id":"2468","shortname":"眉山","name":"眉山市","pinyin":"meishan","first":"M"},{"id":"2475","shortname":"宜宾","name":"宜宾市","pinyin":"yibin","first":"Y"},{"id":"2486","shortname":"广安","name":"广安市","pinyin":"guang'an","first":"G"},{"id":"2493","shortname":"达州","name":"达州市","pinyin":"dazhou","first":"D"},{"id":"2501","shortname":"雅安","name":"雅安市","pinyin":"ya'an","first":"Y"},{"id":"2510","shortname":"巴中","name":"巴中市","pinyin":"bazhong","first":"B"},{"id":"2516","shortname":"资阳","name":"资阳市","pinyin":"ziyang","first":"Z"},{"id":"2521","shortname":"阿坝","name":"阿坝藏族羌族自治州","pinyin":"aba","first":"A"},{"id":"2535","shortname":"甘孜","name":"甘孜藏族自治州","pinyin":"garze","first":"G"},{"id":"2554","shortname":"凉山","name":"凉山彝族自治州","pinyin":"liangshan","first":"L"},{"id":"2573","shortname":"贵阳","name":"贵阳市","pinyin":"guiyang","first":"G"},{"id":"2584","shortname":"六盘水","name":"六盘水市","pinyin":"liupanshui","first":"L"},{"id":"2589","shortname":"遵义","name":"遵义市","pinyin":"zunyi","first":"Z"},{"id":"2604","shortname":"安顺","name":"安顺市","pinyin":"anshun","first":"A"},{"id":"2611","shortname":"毕节","name":"毕节市","pinyin":"bijie","first":"B"},{"id":"2620","shortname":"铜仁","name":"铜仁市","pinyin":"tongren","first":"T"},{"id":"2631","shortname":"黔西南","name":"黔西南布依族苗族自治州","pinyin":"qianxinan","first":"Q"},{"id":"2640","shortname":"黔东南","name":"黔东南苗族侗族自治州","pinyin":"qiandongnan","first":"Q"},{"id":"2657","shortname":"黔南","name":"黔南布依族苗族自治州","pinyin":"qiannan","first":"Q"},{"id":"2671","shortname":"昆明","name":"昆明市","pinyin":"kunming","first":"K"},{"id":"2686","shortname":"曲靖","name":"曲靖市","pinyin":"qujing","first":"Q"},{"id":"2696","shortname":"玉溪","name":"玉溪市","pinyin":"yuxi","first":"Y"},{"id":"2706","shortname":"保山","name":"保山市","pinyin":"baoshan","first":"B"},{"id":"2712","shortname":"昭通","name":"昭通市","pinyin":"zhaotong","first":"Z"},{"id":"2724","shortname":"丽江","name":"丽江市","pinyin":"lijiang","first":"L"},{"id":"2730","shortname":"普洱","name":"普洱市","pinyin":"pu'er","first":"P"},{"id":"2741","shortname":"临沧","name":"临沧市","pinyin":"lincang","first":"L"},{"id":"2750","shortname":"楚雄","name":"楚雄彝族自治州","pinyin":"chuxiong","first":"C"},{"id":"2761","shortname":"红河","name":"红河哈尼族彝族自治州","pinyin":"honghe","first":"H"},{"id":"2775","shortname":"文山","name":"文山壮族苗族自治州","pinyin":"wenshan","first":"W"},{"id":"2784","shortname":"西双版纳","name":"西双版纳傣族自治州","pinyin":"xishuangbanna","first":"X"},{"id":"2788","shortname":"大理","name":"大理白族自治州","pinyin":"dali","first":"D"},{"id":"2801","shortname":"德宏","name":"德宏傣族景颇族自治州","pinyin":"dehong","first":"D"},{"id":"2807","shortname":"怒江","name":"怒江傈僳族自治州","pinyin":"nujiang","first":"N"},{"id":"2812","shortname":"迪庆","name":"迪庆藏族自治州","pinyin":"deqen","first":"D"},{"id":"2817","shortname":"拉萨","name":"拉萨市","pinyin":"lhasa","first":"L"},{"id":"2826","shortname":"日喀则","name":"日喀则市","pinyin":"rikaze","first":"R"},{"id":"2845","shortname":"昌都","name":"昌都市","pinyin":"qamdo","first":"C"},{"id":"2857","shortname":"山南","name":"山南地区","pinyin":"shannan","first":"S"},{"id":"2870","shortname":"那曲","name":"那曲地区","pinyin":"nagqu","first":"N"},{"id":"2882","shortname":"阿里","name":"阿里地区","pinyin":"ngari","first":"A"},{"id":"2890","shortname":"林芝","name":"林芝地区","pinyin":"nyingchi","first":"L"},{"id":"2899","shortname":"西安","name":"西安市","pinyin":"xi'an","first":"X"},{"id":"2913","shortname":"铜川","name":"铜川市","pinyin":"tongchuan","first":"T"},{"id":"2918","shortname":"宝鸡","name":"宝鸡市","pinyin":"baoji","first":"B"},{"id":"2931","shortname":"咸阳","name":"咸阳市","pinyin":"xianyang","first":"X"},{"id":"2946","shortname":"渭南","name":"渭南市","pinyin":"weinan","first":"W"},{"id":"2958","shortname":"延安","name":"延安市","pinyin":"yan'an","first":"Y"},{"id":"2972","shortname":"汉中","name":"汉中市","pinyin":"hanzhong","first":"H"},{"id":"2984","shortname":"榆林","name":"榆林市","pinyin":"yulin","first":"Y"},{"id":"2997","shortname":"安康","name":"安康市","pinyin":"ankang","first":"A"},{"id":"3008","shortname":"商洛","name":"商洛市","pinyin":"shangluo","first":"S"},{"id":"3016","shortname":"西咸","name":"西咸新区","pinyin":"xixian","first":"X"},{"id":"3023","shortname":"兰州","name":"兰州市","pinyin":"lanzhou","first":"L"},{"id":"3032","shortname":"嘉峪关","name":"嘉峪关市","pinyin":"jiayuguan","first":"J"},{"id":"3036","shortname":"金昌","name":"金昌市","pinyin":"jinchang","first":"J"},{"id":"3039","shortname":"白银","name":"白银市","pinyin":"baiyin","first":"B"},{"id":"3045","shortname":"天水","name":"天水市","pinyin":"tianshui","first":"T"},{"id":"3053","shortname":"武威","name":"武威市","pinyin":"wuwei","first":"W"},{"id":"3058","shortname":"张掖","name":"张掖市","pinyin":"zhangye","first":"Z"},{"id":"3065","shortname":"平凉","name":"平凉市","pinyin":"pingliang","first":"P"},{"id":"3073","shortname":"酒泉","name":"酒泉市","pinyin":"jiuquan","first":"J"},{"id":"3081","shortname":"庆阳","name":"庆阳市","pinyin":"qingyang","first":"Q"},{"id":"3090","shortname":"定西","name":"定西市","pinyin":"dingxi","first":"D"},{"id":"3098","shortname":"陇南","name":"陇南市","pinyin":"longnan","first":"L"},{"id":"3108","shortname":"临夏","name":"临夏回族自治州","pinyin":"linxia","first":"L"},{"id":"3117","shortname":"甘南","name":"甘南藏族自治州","pinyin":"gannan","first":"G"},{"id":"3127","shortname":"西宁","name":"西宁市","pinyin":"xining","first":"X"},{"id":"3135","shortname":"海东","name":"海东市","pinyin":"haidong","first":"H"},{"id":"3142","shortname":"海北","name":"海北藏族自治州","pinyin":"haibei","first":"H"},{"id":"3147","shortname":"黄南","name":"黄南藏族自治州","pinyin":"huangnan","first":"H"},{"id":"3152","shortname":"海南","name":"海南藏族自治州","pinyin":"hainan","first":"H"},{"id":"3158","shortname":"果洛","name":"果洛藏族自治州","pinyin":"golog","first":"G"},{"id":"3165","shortname":"玉树","name":"玉树藏族自治州","pinyin":"yushu","first":"Y"},{"id":"3172","shortname":"海西","name":"海西蒙古族藏族自治州","pinyin":"haixi","first":"H"},{"id":"3179","shortname":"银川","name":"银川市","pinyin":"yinchuan","first":"Y"},{"id":"3186","shortname":"石嘴山","name":"石嘴山市","pinyin":"shizuishan","first":"S"},{"id":"3190","shortname":"吴忠","name":"吴忠市","pinyin":"wuzhong","first":"W"},{"id":"3196","shortname":"固原","name":"固原市","pinyin":"guyuan","first":"G"},{"id":"3202","shortname":"中卫","name":"中卫市","pinyin":"zhongwei","first":"Z"},{"id":"3207","shortname":"乌鲁木齐","name":"乌鲁木齐市","pinyin":"urumqi","first":"W"},{"id":"3216","shortname":"克拉玛依","name":"克拉玛依市","pinyin":"karamay","first":"K"},{"id":"3221","shortname":"吐鲁番","name":"吐鲁番地区","pinyin":"turpan","first":"T"},{"id":"3225","shortname":"哈密","name":"哈密地区","pinyin":"hami","first":"H"},{"id":"3229","shortname":"昌吉","name":"昌吉回族自治州","pinyin":"changji","first":"C"},{"id":"3237","shortname":"博尔塔拉","name":"博尔塔拉蒙古自治州","pinyin":"bortala","first":"B"},{"id":"3242","shortname":"巴音郭楞","name":"巴音郭楞蒙古自治州","pinyin":"bayingol","first":"B"},{"id":"3252","shortname":"阿克苏","name":"阿克苏地区","pinyin":"aksu","first":"A"},{"id":"3262","shortname":"克孜勒苏","name":"克孜勒苏柯尔克孜自治州","pinyin":"kizilsu","first":"K"},{"id":"3267","shortname":"喀什","name":"喀什地区","pinyin":"kashgar","first":"K"},{"id":"3280","shortname":"和田","name":"和田地区","pinyin":"hotan","first":"H"},{"id":"3289","shortname":"伊犁","name":"伊犁哈萨克自治州","pinyin":"ili","first":"Y"},{"id":"3301","shortname":"塔城","name":"塔城地区","pinyin":"qoqek","first":"T"},{"id":"3309","shortname":"阿勒泰","name":"阿勒泰地区","pinyin":"altay","first":"A"},{"id":"3317","shortname":" ","name":"直辖县级","pinyin":"","first":"Z"},{"id":"3326","shortname":"台北","name":"台北市","pinyin":"taipei","first":"T"},{"id":"3339","shortname":"高雄","name":"高雄市","pinyin":"kaohsiung","first":"G"},{"id":"3378","shortname":"基隆","name":"基隆市","pinyin":"keelung","first":"J"},{"id":"3386","shortname":"台中","name":"台中市","pinyin":"taichung","first":"T"},{"id":"3416","shortname":"台南","name":"台南市","pinyin":"tainan","first":"T"},{"id":"3454","shortname":"新竹","name":"新竹市","pinyin":"hsinchu","first":"X"},{"id":"3458","shortname":"嘉义","name":"嘉义市","pinyin":"chiayi","first":"J"},{"id":"3461","shortname":"新北","name":"新北市","pinyin":"newtaipei","first":"X"},{"id":"3491","shortname":"宜兰","name":"宜兰县","pinyin":"yilan","first":"Y"},{"id":"3504","shortname":"桃园","name":"桃园县","pinyin":"taoyuan","first":"T"},{"id":"3518","shortname":"新竹","name":"新竹县","pinyin":"hsinchu","first":"X"},{"id":"3532","shortname":"苗栗","name":"苗栗县","pinyin":"miaoli","first":"M"},{"id":"3551","shortname":"彰化","name":"彰化县","pinyin":"changhua","first":"Z"},{"id":"3578","shortname":"南投","name":"南投县","pinyin":"nantou","first":"N"},{"id":"3592","shortname":"云林","name":"云林县","pinyin":"yunlin","first":"Y"},{"id":"3613","shortname":"嘉义","name":"嘉义县","pinyin":"chiayi","first":"J"},{"id":"3632","shortname":"屏东","name":"屏东县","pinyin":"pingtung","first":"P"},{"id":"3666","shortname":"台东","name":"台东县","pinyin":"taitung","first":"T"},{"id":"3683","shortname":"花莲","name":"花莲县","pinyin":"hualien","first":"H"},{"id":"3697","shortname":"澎湖","name":"澎湖县","pinyin":"penghu","first":"P"},{"id":"3704","shortname":"金门","name":"金门县","pinyin":"jinmen","first":"J"},{"id":"3711","shortname":"连江","name":"连江县","pinyin":"lienchiang","first":"L"},{"id":"3717","shortname":"香港岛","name":"香港岛","pinyin":"hongkongisland","first":"X"},{"id":"3722","shortname":"九龙","name":"九龙","pinyin":"kowloon","first":"J"},{"id":"3728","shortname":"新界","name":"新界","pinyin":"newterritories","first":"X"},{"id":"3739","shortname":"澳门半岛","name":"澳门半岛","pinyin":"macaupeninsula","first":"A"},{"id":"3745","shortname":"氹仔岛","name":"氹仔岛","pinyin":"taipa","first":""},{"id":"3747","shortname":"路环岛","name":"路环岛","pinyin":"coloane","first":"L"}
					],
				personList:[],
				oHeight:'',
				navTop: app.globalData.navTop + 2,
				fanhuiH: app.globalData.navHeight - app.globalData.navTop,
				touHeight:0,
				toView:'',
				city:'',
				latitude:'',
				longitude:''
			}
		},
		
		onLoad(options) {
			var that = this

			//自定义头部高度
			app.customNav()
			that.touHeight = app.touHeight + 5 //搜索栏距离顶部高度

			// 获取设备高度
			uni.getSystemInfo({success: (res) => {that.oHeight = res.windowHeight}})

			// 调用数据处理函数
			that.lists()
			qqmapsdk = new QQMapWX({key: 'FD2BZ-R34KJ-4P4FW-KAW2S-ZASLV-GCFBR'})
			
			that.getUserLocation()
		},
		methods: {

			//返回上一级
			toFanhuiUp:function(){uni.navigateBack({delta: 1})},

			// 获取地理位置
			getUserLocation: function() {
				var that = this;
				uni.getSetting({
					success: (res) => {
						if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {
							uni.showModal({
								title: '请求授权当前位置',
								content: '需要获取您的地理位置，请确认授权',
								success: function(res) {
									if (res.cancel) {
										uni.showToast({
											title: '拒绝授权',
											icon: 'none',
											duration: 1000
										})
									} else if (res.confirm) {
										uni.openSetting({
											success: function(dataAu) {
												if (dataAu.authSetting["scope.userLocation"] == true) {
													uni.showToast({
														title: '授权成功',
														icon: 'success',
														duration: 1000
													})
													//再次授权，调用wx.getLocation的API
													that.getLocation();
												} else {
													uni.showToast({
														title: '授权失败',
														icon: 'none',
														duration: 1000
													})
												}
											}
										})
									}
								}
							})
						} else if (res.authSetting['scope.userLocation'] == undefined) {
							//调用wx.getLocation的API
							that.getLocation();
						} else {
							//调用wx.getLocation的API
							that.getLocation();
						}
					}
				})
			},

			// 微信获得经纬度
			getLocation: function() {
				var that = this;
				wx.getLocation({
					type: 'wgs84',
					success: function(res) {
						var latitude = res.latitude
						var longitude = res.longitude
						var speed = res.speed
						var accuracy = res.accuracy;
						that.getLocal(latitude, longitude)
						console.log('同意授权')
					},
					fail: function(res) {
						console.log('拒绝授权')
					}
				})
			},

			//位置授权函数
			getLocal: function(latitude, longitude) {
				var that = this;
				qqmapsdk.reverseGeocoder({
					location: {
						latitude: latitude,
						longitude: longitude
					},
					success: function(res) {
						var province = res.result.ad_info.province
						var city = res.result.ad_info.city
						that.province = province
						that.city = city
						that.latitude = latitude
						that.longitude = longitude
					}
				});
			},

			//数据处理函数
			lists() {
				let that = this
				let personList = that.personList
				let i = 0
				/**
				 * 1、调用外部js的方法ChineseToPinYin对数据进行分组
				 * 2、分组的结果存在排序有误的情况,例如I组,V组等没有汉字的分组
				 */
				that.list.forEach((item, index) => {
					let bool = personList.some(ite => {
						return ite.sign == pinyin.ChineseToPinYin(item.name).substr(0, 1)
					})
					if (personList.length == 0 || !bool) {
						personList.push({
							id: i,
							sign: pinyin.ChineseToPinYin(item.name).substr(0, 1),
							name: [item]
						})
						i++
					} else if (bool) {
						let a = pinyin.ChineseToPinYin(item.name).substr(0, 1)
						for (let s in personList) {
							if (a == personList[s].sign) {
								personList[s].name.push(item)
							}
						}
					}
				})
				that.personList = personList
				
				/**
				 * 3、对分组好的数据进行排序
				 * 4、根据标志sign的ASCII码进行初次排序筛选
				 * 5、如果标志sign不在A到Z之间,则添加到#分组中
				 */
				that.personList.forEach((item, index) => {
					if ((item.sign.charCodeAt() < 65 || item.sign.charCodeAt() > 90) && item.sign.charCodeAt() != 35) {
						that.personList.splice(index, 1, "")
						// 注:此处为防止splice分割后,数组索引index发生变化,故将需要剔除的元素替换为“”,后再将其剔除
						let i = that.personList.findIndex(item => {
							return item.sign == '#'
						})
						if (i != -1) {
							item.name.forEach(it => {
								that.personList[i].name.push(it)
							})
						} else {
							that.personList.push({
								id: 99,
								sign: '#',
								name: item.name
							})
						}
					}
				})
				// 利用filter方法,剔除之前存在的空元素
				personList = that.personList.filter(function(s) {
					return s != ''; // 注：IE9(不包含IE9)以下的版本没有trim()方法
				});
				that.personList = personList
				
				// 利用sort方法进行排序
				that.personList.sort(that.listSort('sign'))
				// 一般情况下#分组在最下面,在此做以处理
				if (that.personList[0].sign == '#') {
					that.personList.splice(0, 1).forEach(item => {
						that.personList.push(item)
					})
				}
				that.personList = personList
			},
			
			//排序
			listSort(prop) {
				return function(a, b) {
					var value1 = a[prop].charCodeAt();
					var value2 = b[prop].charCodeAt();
					return value1 - value2
				}
			},
			
			//选择列表中的城市
			choose(e) {
				app.globalData.cityName = e.currentTarget.dataset.item.name
				app.globalData.chageCity = true
				this.toFanhuiUp()
			},
			
			//选择热门城市
			reCity(e) {
				app.globalData.cityName = e.currentTarget.dataset.name
				app.globalData.chageCity = true
				this.toFanhuiUp()
			},
			
			//选择定位城市
			dingCity(e) {
				app.globalData.cityName = e.currentTarget.dataset.item.name
				app.globalData.chageCity = true
				this.toFanhuiUp()
			},
			
			/**
			 * 点击右侧字母
			 * 这里使用的是scroll-view中的自身方法,在scroll-view中添加以下属性
			 * 1、enable-back-to-top,点击标题回弹
			 * 2、scroll-into-view="{{toView}}",滚动到id为toView的位置,动态设置该id即起到切换的左右
			 * 3、scroll-y="true",y轴方向滚动
			 * 4、scroll-with-animation="true",滚动动画
			 * 注:在使用scroll-view时:必须给当前盒子设置固定的高度,否则无法生效
			 */
			chooseLetter(e) {
				let that = this
				let currentItem = e.currentTarget.dataset.item
				that.personList.forEach(item => {
					if (item.sign == currentItem.sign) {
						that.toView = 'inToView' + currentItem.id
					}
				})
			},
		}
	}
</script>

<style>
/* pages/region/region.wxss */
.page_content{
    font-family: Arial;	
}
.content .person-list .person{
    background: #fff;
}
.content .person-list .person .person-sign{
    height: 100rpx;
    line-height: 100rpx;
    font-size: 32rpx;
    color: #333;
    padding: 0px 32rpx;
    background: #F3F3F3;
    font-family: Arial;
}
.content .person-list .person .person-content .person-cont{
    height: 80rpx;
    line-height: 80rpx;
    margin: 0px 30rpx;
}
.content .person-list .person .person-content .person-cont .person-name{
    font-size: 28rpx;
    color: #666;
    font-family: Arial;
}
.content .person-list .person .person-content .border{
    border-bottom: 1rpx solid #f7f7f7;
}
.content .letter-list{
    position: fixed;
    right: 0;
    z-index: 999;
    width: 90rpx;
    font-family: Arial;
    font-size: 30rpx; 
    text-align: center;
    color: #E85426;
    padding-top: 20rpx;
}
.content .letter-list .letter{
    margin-bottom: 6px;
}
.page_top{
	background: #fff;
	padding: 0px 30rpx;
	padding-bottom: 30rpx;
}
.page_top .city_text{
	display: table;
	font-size: 26rpx;
	height: 50rpx;
	line-height: 50rpx;
	padding: 0px 20rpx;
	color: #fff;
	background: #E85426;
	border-radius: 10rpx;
}
.page_top .city_text image{
	width: 32rpx;
    height: 32rpx;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.page_top .top_list{
	margin-top: 20rpx;
}
.page_top .top_list .name{
	height: 50rpx;
	line-height: 50rpx;
	font-size: 28rpx;
	color: #333;
	font-weight: 800;
	margin-bottom: 10rpx;
}
.page_top .top_list .text{
	font-size: 0px;
}
.page_top .top_list .text view{
	display: inline-block;
	font-size: 26rpx;
	height: 50rpx;
	line-height: 50rpx;
	padding: 0px 30rpx;
	color: #333;
	border: 1px solid #E85426;
	border-radius: 10rpx;
	margin-right: 15rpx;

}
</style>